axisPointer
坐标轴指示器是指示坐标轴当前刻度的工具。鼠标悬浮到图上,可以出现标线和刻度文本。依赖于axis。
组件详细配置项如下,每个配置项都有一个默认值:
$axisIndex: [0, 1], // {number|Array<number>} 依赖的axis的index,可以为数组
// 指示线
line: {
show: true, // {boolean} 是否显示指示线
// line样式
style: {
stroke: 'rgba(51, 51, 51, 0.5)',
lineWidth: 1
}
},
// 指示区域
shadow: {
show: false, // {boolean} 是否显示指示区域
style: {
fill: 'rgba(150,150,150,0.3)'
}
},
// 坐标轴指示器的文本标签。
label: {
show: true, // {boolean} 是否显示标签
// {Function} 标签内容格式化
formatter: function(d) {
if (d && d.toFixed) {
return d.toFixed(2);
} else {
return d;
}
},
gap: 5, // {number} 标签与坐标轴距离
// 标签文本样式
style: {
fill: 'white',
textPadding: 5,
textBorderRadius: 5,
textBackgroundColor: '#6A7985'
}
},
// series标签
seriesLabel: {
show: false, // {boolean} 是否显示
gap: 5,
// {Function} 标签内容格式化
formatter: function(d) {
return d;
},
seriesIndex: [], // {Array<number>} 要显示的label的seriesIndex
style: {
textVerticalAlign: 'bottom',
textAlign: 'right'
}
},
zlevel: 0, // {number} 所有图形的 zlevel 值
z: 9 // {number} 组件的所有图形的z值。控制图形的前后顺序。z值小的图形会被z值大的图形覆盖。